<template>
	<view class="content content2" :style="'padding-top:' + data.height+';background-size:100% '+ data.bgheight"
		v-if="data.utype==1">

		<view class="headerNav">
			<view class="iconNav">

				<image src="../../static/personal/news2.png" @tap="toOperate('news')"></image>
				<image src="../../static/personal/set2.png" @tap="toOperate('set')"></image>
				<!-- 				<u-icon name="bell" color="#fff" size="50" @tap="toOperate('news')"></u-icon>
				<u-icon name="setting" color="#fff" size="50" @tap="toOperate('set')"></u-icon> -->
			</view>
			<view class="Avatar">
				<view class="userAvatar" v-if="data.isLogin" @tap="toUser">
					<u-avatar size="88" :src="data.companyinfo.logo"></u-avatar>
					<view class="userName u-white-50">
						<view class=" u-font-18 u-font-weight  " style="margin-bottom: 5rpx;">
							{{data.companyinfo.companyname}}
						</view>
						<view class="userpass" v-if="data.companyinfo.company_audit==1">
							<image src="../../static/my/enterprise/pass.png" mode=""></image>
							<text>营业执照已认证</text>
						</view>
						<view class="userpass" @tap.stop="tocom" v-else>
							<text class="renzheng">企业资质认证</text>
							<u-icon top="3" name="arrow-right" color="#fff" size="24"></u-icon>
						</view>
					</view>
				</view>
				<view class="userAvatar" v-else>
					<u-avatar size="88" src=""></u-avatar>
					<view class="userName" @tap="tologin">
						<text>未登录</text>
					</view>
				</view>
			</view>


		</view>
		<view class="tabList  tabList4">
			<view class="listCenter" style="position: relative;" @tap="toSwich(2)">
				<text>{{data.job_apply}}</text>
				<text>收到投递</text>
				<view class="dot" v-if="data.red_point_apply">

				</view>
			</view>
			<view class="listCenter" style="position: relative;" @tap="toSwich(1)">
				<text>{{data.down_resume}}</text>
				<text>我的下载</text>
				<view class="dot" v-if="data.red_point_down">
				
				</view>
			</view>
			<view class="listCenter" style="position: relative;" @tap="toSwich(5)">
				<text>{{data.interview}}</text>
				<text>面试邀请</text>
				<view class="dot" v-if="data.red_point_interview">
				
				</view>
			</view>
			<view class="listCenter" style="position: relative;" @tap="toSwich(4)">
				<text>{{data.fav}}</text>
				<text>我的收藏</text>
				<view class="dot" v-if="data.red_point_fav">
				
				</view>
			</view>
		</view>
		<view class="resumeSchedule" @click="handleToPackage">
			<view class="letResume">
				<view class="leftqiye">
					<text>{{data.setmeal.name}}</text>
				</view>
				<view class="rightqiye">
					<text>[{{$u.timeFormat(data.setmeal.deadline,'yyyy-mm-dd')}}]到期</text>
				</view>

			</view>
			<view class="rightResume">
				<text>升级套餐，立享优惠，特权了解</text>
				<u-icon top="-2" name="arrow-right" color="#000" size="24"></u-icon>
			</view>
		</view>

		<view class="jobNew">
			<view class="jobNewCenter" @tap="toNew">
				<view class="topjob">
					<image src="../../static/my/enterprise/new.png" mode=""></image>
					<text>一键刷新</text>
				</view>
				<view class="bottomjob">
					<text>刷新发布中的职位</text>
				</view>
			</view>
			<view class="shu"></view>
			<view class="jobNewCenter" @tap="tojob">
				<view class="topjob">
					<image src="../../static/my/enterprise/job.png" mode=""></image>
					<text>职位管理</text>
				</view>
				<view class="bottomjob">
					<text>{{data.job_count}}个在线职位</text>
				</view>
			</view>
			<view class="shu"></view>
			<view class="jobNewCenter" @tap="tosearch">
				<view class="topjob">
					<image src="../../static/my/enterprise/user.png" mode=""></image>
					<text>人才搜索</text>
				</view>
				<view class="bottomjob">
					<text>搜索优秀人才</text>
				</view>
			</view>

		</view>
		<view class="tableBox">
			<text>常用功能</text>
		</view>
		<view class="tabList tabList2">
			<view class="listCenter" @tap="tojobEdit">
				<image src="../../static/my/enterprise/zhiwei.png" mode=""></image>
				<text>职位发布</text>
			</view>
			<view class="listCenter" @tap="toenterpriseInt">
				<image src="../../static/my/enterprise/jifen.png" mode=""></image>
				<text>我的积分</text>
			</view>
			<view class="listCenter" @click="handleToToolMall">
				<image src="../../static/my/enterprise/gongjv.png" mode=""></image>
				<text>工具商城</text>
			</view>
			<view class="listCenter" @tap="tocompany(data.companyinfo.id)">
				<image src="../../static/my/enterprise/home.png" mode=""></image>
				<text>公司主页</text>
			</view>

		</view>
		<view class="tableBox">
			<text>其他功能</text>
		</view>
		<view class="tabList tabList2 tabList3">
			<view class="listCenter" @click="handleToOther('privilege')">
				<image src="../../static/my/enterprise/tequan.png" mode="widthFix"></image>
				<text>我的特权</text>
			</view>
			<view class="listCenter" @click="handleToOther('poster')">
				<image src="../../static/my/enterprise/haibao.png" mode="widthFix"></image>
				<text>分享海报</text>
			</view>
			<view class="listCenter" @click="handleToOther('service')">
				<image src="../../static/my/enterprise/kefu.png" mode="widthFix"></image>
				<text>我的客服</text>
			</view>
		</view>
	</view>

	<view class="content" :style="'padding-top:' + data.height" v-if="data.utype==2">

		<view class="headerNav">
			<view class="iconNav">
				<!-- <u-icon name="bell" color="#000" size="50" @tap="toOperate('news')"></u-icon>
				<u-icon name="setting" color="#000" size="50" @tap="toOperate('set')"></u-icon> -->
				<image src="../../static/personal/news.png" @tap="toOperate('news')"></image>
				<image src="../../static/personal/set.png" @tap="toOperate('set')"></image>
			</view>
			<view class="Avatar">
				<view class="userAvatar" v-if="data.isLogin" @tap="toResume">
					<u-avatar size="88" :src="data.basic.photo_img_src"></u-avatar>
					<view class="userName">
						<text>{{data.basic.fullname}}</text>
						<text>{{data.basic.current_text}}</text>
					</view>
				</view>
				<view class="userAvatar" v-else>
					<u-avatar size="88" src=""></u-avatar>
					<view class="userName" @tap="tologin">
						<text>未登录</text>
					</view>
				</view>
			</view>
		</view>
		<view class="tabList tabList4">
			<view class="listCenter" @tap="toSwich(1)">
				<text>{{data.job_apply}}</text>
				<text>投递</text>
			</view>
			<view class="listCenter" @tap="toSwich(2)">
				<text>{{data.attention_me}}</text>
				<text>被关注</text>
			</view>
			<view class="listCenter" @tap="toSwich(3)">
				<text>{{data.view}}</text>
				<text>足迹</text>
			</view>
			<view class="listCenter" @tap="toSwich(4)">
				<text>{{data.fav_job + data.companynum}}</text>
				<text>收藏</text>
			</view>
		</view>
		<view class="resumeSchedule" @tap="toResume">
			<view class="resumeSchedulecenter">
				<view class="letResume">
					<image src="../../static/my/draw.png" mode=""></image>
					<text>刷新简历{{data.basic.complete_percent}}%</text>
				</view>
				<view class="rightResume">
					<text>完整度高的简历更容易获得企业青睐</text>
				</view>
			</view>
		</view>
		<view class="tabList tabList2">
			<view class="listCenter" @tap="toOption(1)">
				<image src="../../static/my/refresh.png" mode=""></image>
				<text>刷新简历</text>
			</view>
			<view class="listCenter" @tap="toOption(2)">
				<image src="../../static/my/resume.png" mode=""></image>
				<text>预览简历</text>
			</view>
			<view class="listCenter" @tap="toOption(3)">
				<image src="../../static/my/job.png" mode=""></image>
				<text>求职意向</text>
			</view>
			<view class="listCenter" @tap="toOption(4)">
				<image src="../../static/my/interview.png" mode=""></image>
				<text>我的面试</text>
			</view>

		</view>
		<view class="tableBox">
			<text>其他功能</text>
		</view>
		<view class="tabList tabList2 tabList3">
			<view class="listCenter" @tap="$u.throttle(toOther(1), 2000)">
				<image src="../../static/my/integral.png" mode=""></image>
				<text>我的积分</text>
			</view>
			<view class="listCenter" @tap="$u.throttle(toOther(2), 2000)">
				<image src="../../static/my/appreciation.png" mode=""></image>
				<text>增值服务</text>
			</view>
			<view class="listCenter" @tap="$u.throttle(toOther(3), 2000)">
				<image src="../../static/my/privacy.png" mode=""></image>
				<text>隐私设置</text>
			</view>
			<view class="listCenter" @tap="$u.throttle(toOther(4), 2000)">
				<image src="../../static/my/suggest.png" mode=""></image>
				<text>建议与反馈</text>
			</view>

		</view>
	</view>

	<!-- 第一次刷新提示 -->
	<u-modal @confirm="refresh" title="系统提示" :mask-close-able="true" :title-style="data.titleStyle"
		:show-cancel-button="true" v-model="data.statusShow">
		<view class="slot-content"
			style="height: 200rpx; display: flex;align-items: center;justify-content: center;padding: 20rpx;">
			<text>{{data.statusText}}</text>
		</view>
	</u-modal>
	<!-- 刷新次数用完提示 -->
	<u-modal @confirm="goRefresh" title="系统提示" :mask-close-able="true" :title-style="data.titleStyle"
		:show-cancel-button="true" v-model="data.statusShow2" confirm-text="前往">
		<view class="slot-content"
			style="height: 200rpx; display: flex;align-items: center;justify-content: center;padding: 20rpx;">
			<text>您当前共有{{data.job_count}}条在招职位，今天免费刷新次数已经用完，请前往职位列表单条刷新。</text>
		</view>
	</u-modal>

	<!-- 分享弹窗 -->
	<u-share :show="data.isShare" :src="data.shareSrc" @change="$u.throttle(shareClick,1000)"
		@close="data.isShare = false"></u-share>


	<u-modal @confirm="closeJobNum" title="系统提示" :mask-close-able="true" :title-style="data.titleStyle"
		:show-cancel-button="true" v-model="data.isJobNum">
		<view class="slot-content"
			style="height: 200rpx; display: flex;align-items: center;justify-content: center;padding: 20rpx;">
			<text>您当前是普通企业，当前可发布的职位数为0，建议您立即升级套餐或将暂时不招聘的职位设置为关闭！</text>
		</view>
	</u-modal>

	<!-- <u-modal v-model="data.isJobNum">dddddddd</u-modal> -->

</template>
<script setup>
	import {
		ref,
		reactive,
		watch
	} from 'vue'
	import {
		useUserStore
	} from '/stores/userInfo.js'
	import {
		useUserIm
	} from '/stores/userIm.js'
	import {
		storeToRefs
	} from 'pinia'
	import {
		onReady,
		onShow,
		onLoad
	} from '@dcloudio/uni-app'
	const data = ref({
		height: "",
		basic: {},
		isLogin: false,
		job_apply: 0,
		attention_me: 0,
		down_resume: 0,
		view: 0,
		fav_job: 0,
		fav: 0,
		interview: 0,
		job_count: 0,
		companynum: 0,
		utype: null,
		passShow: true,
		bgheight: 0,
		companyinfo: {},
		manage: {},
		setmeal: {},
		statusShow: false,
		statusShow2: false,
		titleStyle: {
			'font-size': '32rpx',
			'color': '#000',
			'font-weight': 'bold'
		},
		statusText: "你确定刷新所有发布中的职位吗？",
		// 分享
		isShare: false,
		shareSrc: '',
		isJobNum: false,
		red_point_apply:0,
		red_point_down:0,
		red_point_fav:0,
		red_point_interview:0
		
		
		
	})

	const getHeight = async () => {
		let statusHeight = await uni.getSystemInfoSync().statusBarHeight;
		// #ifdef MP-WEIXIN
		// 获取微信右上角胶囊高度
		let res = await wx.getMenuButtonBoundingClientRect();
		data.value.height = res.top + statusHeight + 'px';
		data.value.bgheight = res.top * 2 + 528 + 'rpx'
		// #endif
		// #ifdef APP-PLUS
		data.value.height = statusHeight + "px";
		data.value.bgheight = 528 + 'rpx'
		// #endif
		// #ifdef H5
		data.value.height = statusHeight + "px";
		data.value.bgheight = 440 + 'rpx'
		// #endif
	}


	const {
		isLogin
	} = storeToRefs(useUserStore())
	const IM = useUserIm()
	watch(
		() => [IM.messagelist, IM.IsUpdataChatList], (nv) => {
			if (nv[0] || nv[1] != 0) {
				if (isLogin.value) {
					IM.getUserList()
				}
			}
		}
	)
	// 去企业端我的积分页面
	const toenterpriseInt = () => {

		const next_code = uni.getStorageSync('next_code');
		if (next_code == 50004) {

			uni.$u.route('pages/pagesPersonal/set/auth/auth')
		} else {
			uni.$u.route('/pages/pagesPersonal/integral/enterpriseInt/enterpriseInt')

		}


	}
	// 去工具商城页面
	const handleToToolMall = () => {
		const next_code = uni.getStorageSync('next_code');
		if (next_code == 50004) {
			uni.$u.route('pages/pagesPersonal/set/auth/auth')
		} else {
			uni.$u.route('/pages/pagesPersonal/toolMall/index')

		}

	}
	// 去升级套餐页面
	const handleToPackage = () => {
		const next_code = uni.getStorageSync('next_code');
		if (next_code == 50004) {
			uni.$u.route('pages/pagesPersonal/set/auth/auth')
		} else {
			uni.$u.route('/pages/pagesPersonal/toolMall/package')

		}
	}
	const toNew = () => {
		const next_code = uni.getStorageSync('next_code');
		if (next_code == 50004) {
			uni.$u.route('pages/pagesPersonal/set/auth/auth')
		} else {
			data.value.statusShow = true
		}

	}
	// 分享
	const shareClick = async () => {
		try {
			let list = await uni.$u.api.getTplindexList()
			uni.showLoading()
			let params = {
				type: 'company',
				id: data.value.companyinfo.id,
				index: uni.$u.random(1, list.length)
			}
			let res = await uni.$u.api.getPosterGenerate({
				params
			})
			uni.hideLoading()
			data.value.isShare = true
			data.value.shareSrc = res
		} catch (e) {
			uni.hideLoading()
			uni.$u.toast('生成海报失败，请联系客服')
		}
	}
	// 去企业端其他功能页面
	const handleToOther = (type) => {
		const next_code = uni.getStorageSync('next_code');

		switch (type) {
			case 'privilege':
				if (next_code == 50004) {
					uni.$u.route('pages/pagesPersonal/set/auth/auth')
				} else {
					uni.$u.route('/pages/pagesPersonal/other/privilege')
				}

				break;
			case 'poster':
				uni.$u.throttle(shareClick(), 1000)
				break;
			case 'service':
				if (next_code == 50004) {
					uni.$u.route('pages/pagesPersonal/set/auth/auth')
				} else {
					uni.$u.route('/pages/pagesPersonal/other/customerService')
				}

				break
		}

	}
	const tologin = () => {
		uni.$u.route('pages/login/login')
	}
	// 用户在线简历数据
	const getUserdetail = async () => {
		let res = await uni.$u.api.getOnlineMange({})
		if (res) {
			data.value.basic = res.basic;
		}
	}

	//个人中心数据统计
	const geimanageIndex = async () => {
		let res = await uni.$u.api.manageIndex({})
		if (res) {
			data.value.job_apply = res.manage.job_apply.number
			data.value.attention_me = res.manage.attention_me.number
			data.value.view = res.manage.view.number
			data.value.fav_job = res.manage.fav_job.number
		}
	}
	const toOperate = (i) => {
		const next_code = uni.getStorageSync('next_code');
		// if (next_code == 50004) {
		// 	uni.$u.route('pages/pagesPersonal/set/auth/auth')
		// } else {

		// }
		switch (i) {
			case "news":

				if (next_code == 50004) {
					uni.$u.route('pages/pagesPersonal/set/auth/auth')
				} else {
					uni.$u.route('pages/pagesMessage/system')
				}

				break;
			case "set":
				uni.$u.route('pages/pagesPersonal/set/set')
				break;
		}


	}
	const toOption = async (i) => {
		switch (i) {
			case 1:
				let res = await uni.$u.api.refresh({}) //刷新简历
				if (res) {
					uni.$u.toast('刷新成功')
				}
				break;
			case 2:
				uni.$u.route('pages/pagesPersonal/preview/preview')
				break;
			case 3:
				uni.$u.route('pages/pagesHome/jobIntention/index')
				break;
			case 4:
				uni.$u.route('pages/pagesMessage/interview/interview')
				break;

		}
	}
	// 关注企业总条数
	const companytotal = async () => {
		let res = await uni.$u.api.companytotal({})
		if (res) {
			data.value.companynum = res
		}
	}
	// 获取企业信息
	const getCompanyIndex = async () => {
		let res = await uni.$u.api.getCompanyIndex({})
		if (res) {
			data.value.companyinfo = res.companyinfo
			
			data.value.setmeal = res.setmeal
			//投递
			data.value.job_apply = res.manage.job_apply.number
			data.value.red_point_apply = res.manage.job_apply.red_point
			//下载
			data.value.down_resume = res.manage.down_resume.number
			data.value.red_point_down = res.manage.down_resume.red_point
			// 收藏
			data.value.fav = res.manage.fav.number
			data.value.red_point_fav = res.manage.fav.red_point
			//面试邀请
			data.value.interview = res.manage.interview.number
			data.value.red_point_interview = res.manage.interview.red_point
			//在招的职位数量
			data.value.job_count = res.manage.job_count.number
			
			if (res.companyinfo.company_audit == 1) {
				uni.setStorageSync('next_code', 200)

			} else {
				uni.setStorageSync('next_code', 50004)
			}
		}
	}
	//批量刷新（企业端）
	const refreshBatch = async () => {
		let res = await uni.$u.api.refreshBatch()
		if (res) {
			data.value.done = res.done;
			if (res.done == 1) {
				uni.$u.toast("刷新成功")
			} else {
				data.value.statusShow2 = true
			}


		}
	}
	const refresh = () => { //弹框确定事件
		refreshBatch()
	}
	const goRefresh = () => { //去刷新职位的页面
		uni.$u.route('pages/pagesPersonal/job/job')
	}
	const tosearch = () => {
		uni.$u.route('pages/pagesHome/search/index')
	}
	const tocompany = (id) => {
		uni.$u.route('pages/pagesHome/detailPages/company', {
			id,
			show: false
		})
	}

	const tojobEdit = async () => {
		const next_code = uni.getStorageSync('next_code');
		if (next_code == 50004) {
			uni.$u.route('pages/pagesPersonal/set/auth/auth')
		} else {
			let res = await uni.$u.api.checkJobaddNumber()
			if (res.enable_addjob_num == 0) {
				data.value.isJobNum = true

			} else {
				uni.$u.route('pages/pagesPersonal/job/jobEdit/jobEdit')
			}
		}


	}
	const closeJobNum = () => {
		data.value.isJobNum = false
		uni.$u.route('pages/pagesPersonal/toolMall/package')
	}
	const tojob = () => { //去职位管理页面
		const next_code = uni.getStorageSync('next_code');
		if (next_code == 50004) {
			uni.$u.route('pages/pagesPersonal/set/auth/auth')
		} else {
			goRefresh()
		}

	}
	const toOther = (i) => {
		switch (i) {
			case 1:
				uni.$u.route('pages/pagesPersonal/integral/integral')
				break;
			case 2:
				uni.$u.route('pages/pagesPersonal/services/services')
				break;
			case 3:
				uni.$u.route('pages/pagesPersonal/privacy/privacy')
				break;
			case 4:
				uni.$u.route('pages/pagesPersonal/feedback/feedback')
				break;

		}
	}
	const toSwich = (i) => {
		const next_code = uni.getStorageSync('next_code');
		if (next_code == 50004) {
			uni.$u.route('pages/pagesPersonal/set/auth/auth')
		} else {
			switch (i) {
				case 1:
					uni.$u.route('pages/pagesPersonal/deliver/deliver')
					break;
				case 2:
					uni.$u.route('pages/pagesPersonal/followed/followed')
					break;
				case 3:
					uni.$u.route('pages/pagesPersonal/footprint/footprint')
					break;
				case 4:
					uni.$u.route('pages/pagesPersonal/collect/collect')
					break;
				case 5:
					uni.$u.route('pages/pagesMessage/interview/interview')
					break;
			}
		}

	}
	const toResume = () => {
		uni.$u.route('pages/pagesPersonal/myResume/myResume')
	}

	const toUser = () => {
		const next_code = uni.getStorageSync('next_code');
		if (next_code == 50004) {
			uni.$u.route('pages/pagesPersonal/set/auth/auth')
		} else {
			uni.$u.route('pages/pagesPersonal/companyInfo/enterprise')
		}

	}
	const tocom = () => {
		uni.$u.route("pages/pagesPersonal/set/auth/auth")
	}
	onLoad(() => {
		getHeight()
	})

	onShow(() => {
		data.value.utype = uni.getStorageSync('utype');
		const value = uni.getStorageSync('token');
		const next_code = uni.getStorageSync('next_code');
		if (value) {
			data.value.isLogin = true;
			if (data.value.utype == 1) { //企业端
				getCompanyIndex()
			} else if (data.value.utype == 2) { //求职端
				getUserdetail()
				geimanageIndex()
				companytotal()

				if (next_code == 50007) {
					uni.$u.route('pages/pagesPersonal/Initial/Initial')
				}
			}
			IM.getUserList()

		} else {
			data.value.isLogin = false;
			uni.$u.route('pages/login/login')
		}
	})
</script>

<style lang="scss">
	page,
	body {
		width: 100vw;
		// height: 100%;
		background-color: #F8F8F8;
		box-sizing: border-box;
	}

	.content {
		width: 100%;
		// #ifndef H5
		min-height: 100vh;
		//#endif
		//#ifdef H5
		min-height: calc(100vh - 100rpx);
		//#endif
		background-color: #fff;
		box-sizing: border-box;

		.headerNav {
			width: 698rpx;
			height: 220rpx;
			margin: 0 auto;
			padding: 30rpx;

			.iconNav {
				width: 100%;
				display: flex;
				justify-content: flex-end;
				align-items: center;

				// .u-icon {
				// 	margin: 0 8rpx;
				// 	font-weight: bold;
				// }

				image {
					width: 50rpx;
					height: 50rpx;
					margin: 0 8rpx;
				}

				// image:nth-child(2) {
				// 	width: 46rpx;
				// 	height: 43.3rpx;

				// }
			}

			.Avatar {
				width: 100%;
				height: 112rpx;
				display: flex;
				align-items: center;

				.userAvatar {
					display: flex;
					align-items: center;

					.userName {
						display: flex;
						flex-direction: column;
						margin-left: 20rpx;
						font-size: 24rpx;
						color: #000;

						text:nth-child(1) {
							font-size: 36rpx;
							font-weight: bold;
						}
					}
				}
			}




		}

		.tabList {
			width: 100%;
			display: flex;

			.listCenter {
				width: 25%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				font-size: 26rpx;
				color: #000;

				text:nth-child(1) {
					font-size: 44rpx;
					font-weight: bold;
				}

				image {
					width: 90rpx;
					height: 90rpx;
				}
			}
		}

		.tabList2 {
			padding: 50rpx 0;
		}

		.tabList3 {
			.listCenter {
				image {
					width: 56rpx !important;
					height: 62rpx !important;
					margin: 10rpx 0;
				}
			}

		}

		.tabList4 {
			margin-bottom: 40rpx;
		}

		.tableBox {
			font-size: 32rpx;
			font-weight: bold;
			// margin: 10rpx 0;
			padding: 0 20rpx;
		}

		.resumeSchedule {
			width: 100%;
			padding: 0 30rpx;

			.resumeSchedulecenter {
				width: 100%;
				height: 64rpx;
				background-image: url('@/static/my/bg.png');
				background-repeat: no-repeat;
				background-size: 100% 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0 10rpx;

				.letResume {
					color: #ECD8B3;
					font-size: 24rpx;
					display: flex;
					align-items: cenetr;

					image {
						width: 36rpx;
						height: 36rpx;
						margin: 0 10rpx;
					}
				}

				.rightResume {
					color: #ECD8B3;
					font-size: 24rpx;
				}
			}

		}
	}

	.content2 {
		background-image: url("@/static/my/enterprise/bg.jpg");
		background-repeat: no-repeat;
		background-color: #F8F8F8;
		padding-left: 0;
		padding-right: 0;

		.headerNav {
			padding: 30rpx;

			.iconNav {
				.u-icon {}
			}

			.Avatar {
				.userAvatar {
					.userName {
						color: #fff;

						.userpass {
							display: flex;
							align-items: center;

							image {
								width: 32rpx;
								height: 38rpx;
								margin-right: 10rpx;

							}

							text:nth-child(1) {
								font-size: 24rpx;
							}

							.renzheng {
								margin-right: 5rpx;
							}
						}
					}
				}
			}


		}

		.tabList4 {
			.listCenter {
				color: #fff;
			}
		}

		.resumeSchedule {
			background-image: url("../../static/my/enterprise/meal.png");
			background-repeat: no-repeat;
			background-size: 100% 162rpx;
			height: 162rpx;
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 0 50rpx;

			.letResume {
				width: 100%;
				height: 50rpx;
				line-height: 30rpx;
				display: flex;
				justify-content: space-between;
				color: #ffc27e;
				font-size: 28rpx;

				// .leftqiye {
				// 	text:nth-child(1) {
				// 		margin-right: 20rpx;
				// 	}
				// }
			}

			.rightResume {
				height: 50rpx;
				line-height: 30rpx;
				color: #000;
			}
		}

		.jobNew {
			width: 100%;
			height: 168rpx;
			background-color: #fff;
			margin-bottom: 5rpx;
			display: flex;
			justify-content: center;
			align-items: center;

			.jobNewCenter {
				width: 32%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.topjob {
					font-size: 28rpx;
					font-weight: bold;
					margin-bottom: 10rpx;

					image {
						width: 32rpx;
						height: 32rpx;
						margin-right: 10rpx;
					}
				}

				.bottomjob {
					color: #8a8888;
					font-size: 24rpx;
				}
			}

			.shu {
				width: 0.5rpx;
				height: 70%;
				border-left: 1rpx solid #bbbbbb;
			}
		}

		.tableBox {
			margin: 0;
			padding: 20rpx;
			background-color: #fff;
		}

		.tabList2 {
			margin-top: 0;
			margin-bottom: 5rpx;
			background-color: #fff;
			padding: 50rpx 0;
		}

	}

	.dot {
		content: " ";
		position: absolute;
		right: 40rpx;
		top: -6rpx;
		width: 12rpx;
		height: 12rpx;
		border-radius: 100%;
		background-color: #ff5700;
	}
</style>